.pie {
  margin : 25px;
}

.pie text {
  position       : absolute;
  margin-left    : -10px;
  fill           : #fff;
  align-items    : center;
  font-family    : "Verdana";
  pointer-events : none;
}

.pie .name-text {
  font-size : .75em;
}

.pie .value-text {
  font-size : 1em;
}

button {
  width              : calc(50% - 10px);
  height             : 50px;
  float              : left;
  margin             : 5px;
  padding            : 0;
  padding            : 0;
  color              : white;
  border             : 1px solid white;
  border-radius      : 5px;
  background         : none;
  background         : none;
  background-color   : none;
  outline            : inherit;
  font               : inherit;
  -moz-transition    : background-color 200ms cubic-bezier(0.250, 0.645, 0.795, 0.200);
  -o-transition      : background-color 200ms cubic-bezier(0.250, 0.645, 0.795, 0.200);
  -webkit-transition : background-color 200ms cubic-bezier(0.250, 0.645, 0.795, 0.200);
  transition         : background-color 200ms cubic-bezier(0.250, 0.645, 0.795, 0.200);
  cursor             : pointer;
}

button:hover {
  background-color : rgb(82, 82, 219);
}

circle,
path {
  opacity            : 1;
  -moz-transition    : fill,
                       opacity 200ms cubic-bezier(0.250, 0.645, 0.795, 0.200);
  -o-transition      : fill,
                       opacity 200ms cubic-bezier(0.250, 0.645, 0.795, 0.200);
  -webkit-transition : fill,
                       opacity 200ms cubic-bezier(0.250, 0.645, 0.795, 0.200);
  transition         : fill,
                       opacity 200ms cubic-bezier(0.250, 0.645, 0.795, 0.200);
}

svg>g:hover circle:not(:hover),
svg>g:hover path:not(:hover) {
  opacity : .5;
}

.chartinwoners,
.youpvis {
  background-repeat   : no-repeat;
  background-origin   : border-box;
  background-position : top;
  background-size     : contain;
}
.chartinwonersHolder {
  width   : 100%;
  height  : 100%;
  padding : 10px;
}

.chartinwoners {
  width  : -webkit-fill-available;
  height : 100%;
}

.youpvis {
  width            : 100%;
  height           : 100%;
  min-height       : 500px;
  background-image : url("../images/visual-youp.svg");
}
